<style>
    #img{
        height: 45px;
        width: 110px;
        margin-top: -10px;
    }

</style> 

<div class="navigation-bar fixed-top">

    <div class="navigation-bar-content container">

        <!-- Layout s/ imagem -->
        <div class="element">
            <a class="text-normal fg-white" href="index.php?Principal">
                <span class="icon-yelp" style="margin-right: 7px;"></span>
                <?php echo NAME_SIS; ?>
            </a>
        </div>

<!--        <span class="element-divider"></span>
        <a id="imprimir" class="element brand" target="_blank"><span class="icon-printer"></span></a>
        <span class="element-divider"></span>
        <a  class="element brand" id="btn_search" href="#"><span class="icon-search"></span></a>
        <span class="element-divider"></span>-->


        <span class="element-divider place-right"></span>
        <a class="element place-right" href="index.php?Security/deslogar"><span class="icon-exit"> Sair</span></a>

        <span class="element-divider place-right"></span>
        <div class="element place-right">
            <a class="dropdown-toggle"  href="#">
                <span class="icon-cog"></span>
            </a>
            <ul class="dropdown-menu place-right" data-role="dropdown">
                <li><a href="index.php?Usuario/alterarSenha">Alterar Senha</a></li>
                <li><a href="index.php?Usuario/alterarAvatar">Alterar Foto</a></li>
                <li><a href="#">Meus Dados</a></li>

            </ul>
        </div>

        <button class="element image-button image-left place-right">
            <?php echo $view_first_name . " "; ?><?php echo $view_last_name; ?>
            <img src="<?php echo $view_url_avatar; ?>" />
        </button>
        <span class="element-divider place-right"></span>

    </div>
</div>
